1 00:00:00,570 --> 00:00:01,960 Hello and welcome. 2 00:00:01,980 --> 00:00:09,340 In this video I will be creating a directory for the projet and also the hastey HIM OUT. 3 00:00:09,510 --> 00:00:17,850 I'm going to create their oak tree on my desktop and then right click the desktop click new folder and 4 00:00:17,890 --> 00:00:24,620 I will call this directory Carlisle switcher. 5 00:00:25,740 --> 00:00:27,510 All right. 6 00:00:27,570 --> 00:00:29,800 So this is the name of my directory. 7 00:00:29,910 --> 00:00:33,580 Next thing I want to do is create a hasty email file. 8 00:00:33,780 --> 00:00:41,750 Im going to be using this sublime text editor So this is a blank file Im just going to see if it has 9 00:00:42,930 --> 00:00:44,300 an email. 10 00:00:44,460 --> 00:00:50,210 So I'm saving it inside this directory we create it called CLOs switcher. 11 00:00:50,460 --> 00:01:01,440 I'm just going to call it call or switch our DOT hastier mail call or switch. 12 00:01:01,520 --> 00:01:02,740 Got t. 13 00:01:03,030 --> 00:01:05,230 How quick. 14 00:01:05,380 --> 00:01:10,400 See I have already pre stage. 15 00:01:11,030 --> 00:01:12,060 Term so far. 16 00:01:12,080 --> 00:01:16,590 I'm just going to add in and then I'll run through the code with it. 17 00:01:16,650 --> 00:01:20,420 This is the history email for the project. 18 00:01:20,670 --> 00:01:25,140 Line 1 is what is known as the dock title. 19 00:01:25,190 --> 00:01:34,110 The Dock type basically is the first thing you indicate in an email 5 document or does it notifies a 20 00:01:34,110 --> 00:01:42,590 web browser is that the content of the document is hastier mouth five document. 21 00:01:42,780 --> 00:01:47,320 So the actual email is online to an end. 22 00:01:47,360 --> 00:01:50,280 On line 25. 23 00:01:50,340 --> 00:01:58,050 So here we've got the head section the beginning or the plain tag of the had sections on line 3 and 24 00:01:58,050 --> 00:02:01,820 the closing tag is on line 6. 25 00:02:01,840 --> 00:02:04,380 I missed out a bracket here. 26 00:02:04,430 --> 00:02:06,230 Simple as that. 27 00:02:06,720 --> 00:02:13,950 So now we have the name tag and the closing tag in siby head tag. 28 00:02:14,040 --> 00:02:21,070 We've got a title so this would be the title for the application. 29 00:02:21,360 --> 00:02:27,120 An online five is a reference to the external style sheet. 30 00:02:27,120 --> 00:02:28,620 We are going to use. 31 00:02:28,820 --> 00:02:37,600 I have not created it yet but when I do I'm going to call it lot switcher that csx the body tags stands 32 00:02:37,620 --> 00:02:49,920 from line 8 an on line 24 so anything inside the body tag is what constitutes the visible content of 33 00:02:49,920 --> 00:02:51,720 the application. 34 00:02:51,720 --> 00:02:56,210 So inside the body type we've got to hate one element. 35 00:02:56,370 --> 00:03:03,450 This will be used for the header or the title heading for the application. 36 00:03:03,500 --> 00:03:04,870 We've got you. 37 00:03:04,910 --> 00:03:10,320 You are busily is an ordered list so I've got an on ordered list. 38 00:03:10,320 --> 00:03:15,030 Here I am giving it an idea of a switcher. 39 00:03:15,060 --> 00:03:20,590 We've got various list items and they've all got different I.D. list. 40 00:03:21,000 --> 00:03:28,850 This is a list and it is great button idea what polton Idea bluebottle and I saw when I use these ideas 41 00:03:28,860 --> 00:03:40,590 later in style in this list with csx line 17 is just a paragraph tag that does display this text here 42 00:03:41,370 --> 00:03:43,110 line 20. 43 00:03:43,290 --> 00:03:44,450 Is he. 44 00:03:44,440 --> 00:03:53,540 Link to our external javascript so awkwardly opening script quote source attribute this source specifically 45 00:03:54,010 --> 00:04:01,860 is used to specify where the external file is located and the file is going to be located inside the 46 00:04:01,860 --> 00:04:05,070 same direct taree as his team. 47 00:04:05,140 --> 00:04:10,020 So far all I have to do is just reference it by its name. 48 00:04:10,080 --> 00:04:15,690 So he's going to be called collars which is when I create a FAQ. 49 00:04:15,720 --> 00:04:24,750 So we've got a link to our external style sheet on my 5 and a link to our external javascript on line 50 00:04:24,850 --> 00:04:32,110 20 so that's basically the hastier Mark and is going to click File and see all. 51 00:04:32,490 --> 00:04:38,540 Let's take a look at what we have created so far by double clicking on the directory and clicking on 52 00:04:38,550 --> 00:04:41,180 this is TMF farm. 53 00:04:41,580 --> 00:04:45,750 So we've got the title What is the tag. 54 00:04:45,750 --> 00:04:53,740 These are the various list items we are going to use csx in the next play to make it look more presentable. 55 00:04:53,900 --> 00:04:58,510 And this here is the paragraph attack so that's it for this Late Show. 56 00:04:58,560 --> 00:04:59,800 Thank you for watching. 57 00:05:00,000 --> 00:05:00,870 Bye for now.